<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script >

 //循环：如何处理一些重复的事情

   /*
     计算 ：0+1+2+...+100

   */

   let count = 100;
   let sum = 0;
   for (let i=0 ; i <= count ; i++){
       //{}里面的代码，只要符合条件就会被重复执行。
       //循环执行体
       sum = sum + i;
   }

   alert("sum=" + sum);

   /*

     解释：

     for (let i=0 ( 初始化 );i <= count ( 判断条件 );i++ (改变逻辑)){

       sum = sum +i;（循环执行体）
    }

     i++含义：自增 1.
        例如：i = 0 ;
             i++;
             console.log(i); //打印结果：1


     执行如下：
             第1轮循环：
             let i=0 (初始化)           ==> 只会执行一次；
             i <= count (判断条件)      ==>  0<=100      结果：true;
             sum = sum + i（循环执行体） ==>  sum = 0+0   结果：sum = 0;
             i++ (改变逻辑)             ==>  i++ = 0++   结果：i = 1;

             第2轮循环：
             第1轮执行完：i = 1;
             i <= count (判断条件)      ==>  1<=100      结果：true;
             sum = sum + i（循环执行体） ==>  sum = 0+1   结果：sum = 1;
             i++ (改变逻辑)             ==>  i++ = 1++   结果：i = 2;

             第3轮循环：
             i <= count (判断条件)      ==>  2<=100      结果：true;
             sum = sum + i（循环执行体） ==>  sum = 1+2   结果：sum = 3;
             i++ (改变逻辑)             ==>  i++ = 2++   结果：i = 3;

             *
             *
             *
             *
             *

             第101轮循环：
             i <= count (判断条件)      ==>  100<=100           结果：true;
             sum = sum + i（循环执行体） ==>  sum = 4950 + 100   结果：sum = 5050;
             i++ (改变逻辑)             ==>  i++ = 100++        结果：i = 101;

             第102轮循环：
             i <= count (判断条件)      ==>  101<=100           结果：false;
             循环结束

             alert("sum=" + sum); //弹框 sum=5050

   */



</script>
</html>